<template>
  <fieldset>
    <legend>Parent</legend>
    <h1>Parent</h1>
    <Child :g="gift" @get="handleGet"></Child>
    <h2>{{ msg }}</h2>
    <Bro></Bro>
  </fieldset>
</template>
<script>
import Child from "./Child.vue";
import Bro from "./Bro";
export default {
  data() {
    return {
      msg: "",
      gift: "五粮液",
    };
  },
  methods: {
    handleGet(input) {
      console.log(input);
      this.msg = input;
    },
  },
  components: {
    Child,
    Bro,
  },
};
// import Child from "./Child.vue"
//     export default{
//         data(){
//             return{
//                 msg:"Parent"
//             }
//         },
//         components:{
//             Child
//         }
//     }
</script>
